<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Off the Record</title>
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
</head>
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript">
	function sendReport() {
		var f = document.reportForm;
		if (f.reportContent.value == "") {
			alert("내용을 입력해 주세요.");
			return f.reportContent.focus();
		}

		$.ajax({
			type : "post",
			url : "/OffTheRecord/sendReport.action",
			data : "reportContent=" + $('#reportContent').val(),
			dataType : "json",

			success : function(data) {
				alert(data.message);
				$('#reportContent').val("");
			}
		});//ajax

	}
</script>
<body>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

				<div class="col-lg-6"  style="padding: 10px 0px 0px 290px">
					<div class="col-lg-12"
						style="padding: 10px;">
						<h3>
							<strong>사이트 맵</strong>
						</h3>
						<ul class="nav-footer">
							<li><a href="/OffTheRecord/index/index.jsp">홈</a></li>
                			<li><a href="/OffTheRecord/getCompanyByIndustryName.action?industryName=건설">카테고리별 검색</a></li>
                			<li><a href="/OffTheRecord/mentor/mentor_intro.jsp">멘토링이란?</a></li>
				            <li><a href="/OffTheRecord/getBoardListByPage.action?pageNo=1">자유게시판</a></li>
				            <li><a href="/OffTheRecord/getNoticeListByPage.action?pageNo=1">공지사항</a></li>
						</ul>
					</div>
				</div>

				<div class="col-lg-6" style="padding: 10px;">
					<div class="col-lg-12">
						<h2>
							<span class="glyphicon glyphicon-question-sign"></span> <strong>건의/문의</strong>
						</h2>
						<a name="requestAnchor"></a>

						<form action="/board/create" method="post" class="form-horizontal"
							name="reportForm">
							<div class="form-group">
								<input type="hidden" name="boardType" value="REQUEST"
									id="boardType" /> <label for="content"
									class="col-lg-2 control-label">내용</label>

								<div class="col-lg-8">
									<textarea
										placeholder="오류) 글을 쓰는데 자꾸 오류가 나요. 질문) 진짜 개인 정보가 남지 않나요?. 건의) 업종별 검색 기능을 더 세분화 해주세요"
										class="form-control" rows="3" name="reportContent"
										id="reportContent"></textarea>
								</div>
							</div>


							<div class="form-group">
								<div class="col-lg-12" align="center">
									<input type="button" id="submit" onclick="sendReport()"
										value="보내기" class="btn btn-success" />
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<hr>

					<div class="row">
						<div class="col-sm-6 col-md-6 col-lg-6">
							<strong>All rights reserved &copy; 2014 OFF the Record</strong>
						</div>
					</div>
				</div>

			</div>
			
		</div>
		<!-- row -->
	</div>
	<!-- container -->
	<script
		src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>